<template>
  <div class="box">
    <h1>pinia</h1>
    <div class="cont">
      <child></child>
      <child-1></child-1>
    </div>
  </div>
</template>

<script setup lang="ts">
import child from "./child.vue";
import child1 from "./child1.vue";
// vuex:集中式管理状态容器，可以实现任意组件之间通信
// 核心概念：state、mutations、actions、getters、modules

// pinia:集中式管理状态容器，可以实现任意组件之间通信
// 核心概念：state、actions、getters
</script>
<style scoped lang="less">
.box {
  width: 600px;
  height: 400px;
  background: skyblue;
  .cont {
    display: flex;
  }
}
</style>